<template>
  <el-scrollbar class="my-main">
    <RouterView v-slot="{ Component }">
      <component :is="Component"></component>
    </RouterView>
  </el-scrollbar>
</template>

<script setup>
import { RouterView } from 'vue-router';
</script>

<style lang="less" scoped>
.my-main {
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-dark);
  background: #fff;
}

.el-main {
    // --el-main-padding: 20px;
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    box-sizing: border-box;
    // padding: var(--el-main-padding);
}
</style>